<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Goxob</title>
    <link rel="stylesheet" href="{{asset('css/bootstrap.min.css')}}">
    <link rel="stylesheet" href="{{asset('css/theme2.css')}}">
    <script src="{{asset('js/jquery.min.js')}}"></script>
    <script src="{{asset('js/bootstrap.min.js')}}"></script>
    <script src="{{asset('js/docs.min.js')}}"></script>
</head>
<body>
<header class="navbar navbar-static-top bs-docs-nav" id="top" role="banner">
    <div class="container">
        <div class="navbar-header">
            <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </div>
        <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
            <ul class="nav navbar-nav">
                <li>
                    <a href="{{url('')}}">@lang('Home')</a>
                </li>
                <li>
                    <a href="../css">@lang('Features')</a>
                </li>
                <li>
                    <a href="../components">@lang('Pricing')</a>
                </li>
                <li>
                    <a href="../javascript">@lang('Contact')</a>
                </li>
            </ul>
        </nav>
    </div>
</header>

<div id="header" class="jumbotron" style="margin-top:-20px;">
    <div class="container">
        <div class="row">
            <div class="col-sm-6">
                <h1>Goxob</h1>
                <p>@lang('Create your online store today')...</p>
            </div>
            <div class="col-sm-6">
                <div class="img"></div>
            </div>
        </div>
    </div>
</div>



<!-- Marketing messaging and featurettes
================================================== -->
<!-- Wrap the rest of the page in another container to center all the content. -->

<div id="features">
    <div class="container marketing">

        <!-- Three columns of text below the carousel -->
        <div class="row">
            <div class="col-lg-4">
                <img class="img-circle" data-src="holder.js/140x140" alt="Generic placeholder image">
                <h2>Heading</h2>
                <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
                <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
            </div><!-- /.col-lg-4 -->
            <div class="col-lg-4">
                <img class="img-circle" data-src="holder.js/140x140" alt="Generic placeholder image">
                <h2>Heading</h2>
                <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
                <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
            </div><!-- /.col-lg-4 -->
            <div class="col-lg-4">
                <img class="img-circle" data-src="holder.js/140x140" alt="Generic placeholder image">
                <h2>Heading</h2>
                <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
                <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
            </div><!-- /.col-lg-4 -->
        </div><!-- /.row -->


        <hr class="featurette-divider">

        <!-- /END THE FEATURETTES -->

    </div><!-- /.container -->
</div>


<div id="pricing">
    <div class="container">
        <div class="container">
            <div class="row header">
                <div class="col-md-12">
                    <h3>Free trial. No contract. Cancel when you want.</h3>
                    <p>All plans include a 7-day free trial</p>
                </div>
            </div>
            <div class="row charts">
                <div class="col-md-4">
                    <div class="chart first">
                        <div class="quantity">
                            <span class="dollar">$</span>
                            <span class="price">29</span>
                            <span class="period">/month</span>
                        </div>
                        <div class="plan-name">Freelance</div>
                        <div class="specs">
                            <div class="spec">
                                <span class="variable">5</span>
                                team members
                            </div>
                            <div class="spec">
                                <span class="variable">Digital</span>
                                recurring billing
                            </div>
                            <div class="spec">
                                <span class="variable">Virtual</span>
                                online terminal
                            </div>
                            <div class="spec">
                                <span class="variable">10</span>
                                total products
                            </div>
                            <div class="spec">
                                <span class="variable">1.0%</span>
                                Transaction fee
                            </div>
                        </div>
                        <a class="btn-signup button-clear" href="signup.html">
                            <span>Start free trial</span>
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="chart featured">
                        <div class="popular">Most popular</div>
                        <div class="quantity">
                            <span class="dollar">$</span>
                            <span class="price">79</span>
                            <span class="period">/month</span>
                        </div>
                        <div class="plan-name">Profesional</div>
                        <div class="specs">
                            <div class="spec">
                                <span class="variable">15</span>
                                team members
                            </div>
                            <div class="spec">
                                <span class="variable">Digital</span>
                                recurring billing
                            </div>
                            <div class="spec">
                                <span class="variable">Virtual</span>
                                online terminal
                            </div>
                            <div class="spec">
                                <span class="variable">15</span>
                                total products
                            </div>
                            <div class="spec">
                                <span class="variable">0.5%</span>
                                Transaction fee
                            </div>
                        </div>
                        <a class="btn-signup button-clear" href="signup.html">
                            <span>Start free trial</span>
                        </a>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="chart last">
                        <div class="quantity">
                            <span class="dollar">$</span>
                            <span class="price">119</span>
                            <span class="period">/month</span>
                        </div>
                        <div class="plan-name">Premium</div>
                        <div class="specs">
                            <div class="spec">
                                <span class="variable">Unlimited</span>
                                team members
                            </div>
                            <div class="spec">
                                <span class="variable">Digital</span>
                                recurring billing
                            </div>
                            <div class="spec">
                                <span class="variable">Virtual</span>
                                online terminal
                            </div>
                            <div class="spec">
                                <span class="variable">25</span>
                                total products
                            </div>
                            <div class="spec">
                                <span class="variable">No</span>
                                Transaction fee
                            </div>
                        </div>
                        <a class="btn-signup button-clear" href="signup.html">
                            <span>Start free trial</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- FOOTER -->
<div class="container">
    <footer>
        <p class="pull-right"><a href="#">Back to top</a></p>
        <p>&copy; 2014 Company, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>
    </footer>
</div>

</body>
</html>
